.msg_type_drop {
  .ant-dropdown-arrow {
    border-color: #353940 !important;
  }
  .input_menu {
    background-color: #353940 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .ant-dropdown-menu-title-content {
      color: #fff;
      .ant-upload {
        color: #fff;
      }
    }
    .ant-dropdown-menu-item-active {
      background-color: #4f545d;
    }
  }
}

.face_type_drop{
  .ant-dropdown-arrow{
    display: none;
  }
  .face_container{
    background-color: #fff;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    width: 270px;
    flex-wrap: wrap;
    .face_item{
      display: flex;
      align-items: center;
      border-radius: 2px;
      padding: 6px;
      &:hover{
        background-color: #eaeaea;
      }
    }
  }
}

.global_loading{
  .ant-modal-content{
    background-color: transparent;
    box-shadow: none;
  }
}

.home_sider{
  border-right: 1px solid #DEDFE0;
  overflow: auto;
  resize: horizontal;
}

.profile{
  &_header{
    background-color: #fff;
    border-bottom: 1px solid #dedfe0;
    padding: 0 16px;
  }
  &_sider{
    border-right: 1px solid #dedfe0;
    &_menu{
      &_item{
        padding: 16px;
        &:hover{
          background-color: #f0f6fd;
        }
      }
    }
  }
  &_content{
    background-color: #fff;
    &_bl{
      overflow-y: auto;
      &_item{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px;
        padding-right: 48px;
        .item_left{
          display: flex;
          align-items: center;
          .nick{
            margin-left: 12px;
          }
        }
        &:hover{
          background-color: #f0f6fd;
        }
      }
    }
  }
}